<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>新建日志</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>


    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">


    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>


    <!-- Tile icon for Win8 (144x144 + tile color) -->

    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="../../css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_434348_2tv94az48cri19k9.css">
    <style>
        .am-u-sm-9 input{ font-size: 14px; }


    </style>
</head>
<body>
<!--头部-->
<header data-am-widget="header"
        class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 40px -2px; ">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;"></span>
    </div>
    <h1 class="am-header-title" style="color:#424242;">
       新建日志
    </h1>
    <div class="am-header-right am-header-nav">
        <a href=""><span class="icon iconfont icon-setup" style="color: #424242;"></span></a>
    </div>
</header>

<div class="am-container" style="background: #fff;">
    <div class="am-u-sm-12" style="margin: 20px 0;">

        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: left;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px; ">日志主题</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请输入添加的客户姓名" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;text-align: left;"/>
            </div>
        </div>
        <div class="am-u-sm-12" style="margin-top: 10px; padding: 0;">
            <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: left;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
                 <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">位置</span>
                <div class="am-u-sm-7" >
                        <input type="text" class="" placeholder="请添加客户的联系方式" style=" text-align: center;width:100%; color: #ed7745;border: none;margin-bottom:6px;text-align: left;"/>
                </div>
                    <div class="am-u-sm-2"  style="float:right; border-left: 1px solid #eee; padding: 0;text-align: center;">
                        <i class="icon iconfont icon-weizhi"></i>
                    </div>
                <span class="am-form-caret"></span>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: left;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">客户电话</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请添加客户的联系方式" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: left;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">开始</span>
            <div class="am-u-sm-9">
                <input type="text" class="am-form-field" placeholder="日历组件" data-am-datepicker="{theme: 'success'}" readonly style="background: #fff;
                border: 0;
                margin: 5px 0;"/ >
            </div>
        </div>
        <div style="clear: both;"></div>
            <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: left;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">结束</span>
            <div class="am-u-sm-9">
                <input type="text" class="am-form-field" placeholder="日历组件" data-am-datepicker="{theme: 'success'}" readonly style="background: #fff;
                border: 0;
                margin: 5px 0;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
            <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: left;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">参与人</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请添加客户的楼盘名称" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
            <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: left;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">私密</span>
            <div class="am-u-sm-7">
                <input type="text" class="" placeholder="仅参与人和上级可见" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;text-align: left;"/>
            </div>
                <div class="am-u-sm-2" >
                    <i class=" icon iconfont  icon-kaiguanguan-copy "  id="qiehuan" style="font-size: 30px;"></i>
                </div>
        </div>
        <div style="clear: both;"></div>
            <div class="am-form-group" style="text-align: left;margin: 0px;line-height: 40px;margin-top: 10px;">
            <textarea class="" rows="5" id="doc-ta-1" placeholder="工作描述"style="padding: 10px;width: 100%;border: 1px solid #eee;"></textarea>
        </div>
        <div style="clear: both;"></div>
        <div style="text-align: left;margin: 0px;margin-top: 10px;">
            <ul class="am-avg-sm-4 boxes">
                <li class="box box-1" style="height: 90px;width: 90px;padding: 5px; background-color: #eee;">1</li>
                <li class="box box-2" style="height: 90px;width: 90px;padding: 5px; background-color: #eee;">2</li>
                <li class="box box-3" style="height: 90px;width: 90px; padding: 5px;background-color: #eee;">3</li>
                <li class="box box-4" style="height: 90px;width: 90px; padding: 5px;background-color: #eee;">4</li>
                <li class="box box-5" style="height: 90px;width: 90px; padding: 5px;background-color: #eee;">5</li>
                <li class="box box-6" style="height: 90px;width: 90px;padding: 5px; background-color: #eee;">6</li>
                <li class="box box-7" style="height: 90px;width: 90px;padding: 5px; background-color: #eee;">7</li>
                <li class="box box-8" style="height: 90px;width: 90px; padding: 5px;background-color: #eee;">8</li>
                <li class="box box-9" style="height: 90px;width: 90px;padding: 5px; background-color: #eee;">9</li>
                <li class="box box-9" style="height: 90px;width: 90px; padding: 5px; background-color: #eee;">10</li>
                <li class="box box-9" style="height: 90px;width: 90px;padding: 5px; background-color: #eee;">11</li>
                <li class="box box-9" style="height: 90px;width: 90px; padding: 5px; background-color: #eee;">12</li>
            </ul>
        </div>
    </div>
</div>

<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "
     id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4" style="background:#fff;border:1px solid #eeeeee;">
        <li >
            <a href="../shouye.html" class="">
                <span class="icon iconfont icon-yijianfankui" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">工作台</span>
            </a>
        </li>
        <li>
            <a href="../xiaoxi/xiaoxi.html" class="">
                <span class="icon iconfont icon-xiaoxizhongxin" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">消息</span>
            </a>
        </li>
        <li>
            <a href="../kehuhuaxiang/kehuliebiao.html" class="">
                <span class="icon iconfont icon-dingdan" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">客户列表</span>
            </a>
        </li>
        <li >
            <a href="../wodezhongxin/wode.html" class="" style="margin-top: 5px;">
                <span class="icon iconfont icon-wodejuhuasuan" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">我的</span>
            </a>
        </li>
    </ul>
</div>

<script src="../../js/jquery.js"></script>

<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../../js/amazeui.min.js"></script>
<script>
    $(function(){
        $("#qiehuan").click(function(){
            $("#qiehuan").toggleClass("icon-kaiguanguan");
        });
    });
</script>
</body>
</html>
